<template>
    <div>
<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
  <van-swipe-item class="moreswipe" v-for="(item , index) in lunbo" :key=index ><img :src="item.img" alt=""></van-swipe-item>
</van-swipe>
    </div>    
  
 <van-divider class="divider">每日好心情</van-divider>
</template>

<script>
export default {
  data(){
    return{
      lunbo:[]
    }
  },
  setup(){
    console.log("asd");
  },
  created:async function(){
  let reslut = await this.$httpGet('/getlunbo');
  
  this.lunbo= reslut.message
  console.log(this.lunbo);
  }
}
</script>

<style lang="scss" scoped>
.my-swipe {
  width: 15rem;
  height: 7rem;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 0.3rem;
  box-shadow: 0rem 0 0.2rem rgb(190, 187, 187);
}
  .my-swipe .van-swipe-item {
    color: #fff;
  
    background-color: #39a9ed;
    img{
      width: 15rem;
    }
  }
  .divider{
    width: 12rem;
    margin: 0 auto;
    
  }
</style>